<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>

</head>
<body>
<!--<a id="testa" href="javascript:void(0)">click me</a>-->
<a id="testa">click me</a>
<input type="file">
</body>
<script type="text/javascript">
let tagObj = document.getElementById('testa')
tagObj.onclick  = function(e) {
  const fileName = 'test.txt';
  const str = 'this man is the best man, none of others can be with him.';
  const content = str
  const blob = new Blob([content], {
    type: 'application/text'
  }) // 构造一个blob对象来处理数据
  // 对于<a>标签，只有 Firefox 和 Chrome（内核） 支持 download 属性
  // IE10以上支持blob但是依然不支持download
  if ('download' in document.createElement('a')) { // 支持a标签download的浏览器
    const link = document.createElement('a') // 创建a标签
    link.download = fileName // a标签添加属性
    link.style.display = 'none'
    link.href = URL.createObjectURL(blob)
    console.log('link.href:',link.href)
    document.body.appendChild(link)
    link.click() // 执行下载
    URL.revokeObjectURL(link.href) // 释放url
    document.body.removeChild(link) // 释放标签
  } else { // 其他浏览器
    navigator.msSaveBlob(blob, fileName)
  }
}
</script>
</html>

